@charset "utf-8";
/* CSS Document */

/*调度监控左侧*/
.dispatch_left{ position:absolute; top:24px; left:24px; float:left; margin-bottom:24px; height: 100%;}
.dispatch_left p{ margin-bottom: 0;}
.dispath_shuax{font-size:12px; color:rgba(0,0,0,1); opacity:0.65; line-height:24px; position: absolute; top:0; left: 24px;}
.dispath_shuax font{ color:#F5222D;}
.dispatch_lb{ background:#fff; padding-top:14px; box-shadow:0px 0px 9px 1px rgba(13,13,13,0.15); overflow:hidden; padding-bottom: 14px;}
.order_leftover{ height: 628px; overflow-y: scroll;}


.dispatch_ddan{ width:300px; margin:0 14px 14px 14px; border:1px solid rgba(214,214,214,1); border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;}
.dispatch_ddan:hover{border:1px solid #4AD0D1;}
.dispatch_ddan1{ background:#DFF6F8; border:1px solid #4AD0D1;}
.dispatch_ddan1 .dispatch_add{border-bottom:1px dashed #4AD0D1;}
.dispatch_title{ background:#F5F5F5; font-size:14px; padding:8px 12px; color:rgba(0,0,0,0.65); line-height:20px; font-size:14px;  overflow:hidden}
.dispatch_title h1{ font-size:14px;}
.dispatch_title p{ float:left;}
.dispatch_title p i{ float:left; font-style:normal;}
.dispatch_title p span{ float:left; color:#52c41a; border:1px solid #b7eb8f; background:#f6ffed; font-size:12px; display:block; margin:1px 2px; line-height:16px; padding:0 3px; border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; -webkit-border-radius:2px;}
.dispatch_title p .ztai1{ color:#F5222D;  border:1px solid #ffa39e; background:#fff1f0; }
.dispatch_title p .ztai2{ color:#faad14;  border:1px solid #ffe58f; background:#fffbe6; }
.dispatch_adress{ padding:10px 12px; font-size:14px; color:rgba(0,0,0,0.65)}
.dispatch_adress span{ font-size:12px; display:block; float:left; background:#1890FF; color:#fff; width:16px; height:16px; margin-right:6px; text-align:center; line-height:16px; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;}
.dispatch_adress p{ padding-left:22px; }
.dispatch_add{ border-bottom:1px dashed #D6D6D6; padding:0 12px 4px 12px; font-size:14px;  color:rgba(0,0,0,0.85)}
.dispatch_add .isPort {font-weight: bold;}
.dispatch_add ul{ margin-bottom: 0;}
.dispatch_add ul li{ position:relative; padding-left:22px; padding-right:40px; background:url(../images/liu3.png) no-repeat top left; padding-bottom:8px;}
.dispatch_add ul li:first-child{ background:url(../images/liu1.png) no-repeat top left;}
.dispatch_add ul li h1{font-size:14px;}
.dispatch_add ul li p{font-size:14px;}
.dispatch_add ul li span{ display:inline-block; position:absolute; right:0; top:0; background:#7F7F7F; color:#fff; font-size:12px; padding:0 4px; border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; -webkit-border-radius:2px;}
.dispath_detail{ padding:12px 12px; font-size:14px; line-height:20px; color:rgba(0,0,0,0.65); overflow:hidden;}
.dispath_detail ul li{ width:50%; float:left;}
.dispath_detail ul li P{ overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.dispath_driver { border-top:1px dashed #D6D6D6; padding:12px 12px; font-size:14px; line-height:20px; color:rgba(0,0,0,0.65); overflow:hidden;}
.dispath_driver ul li{ width:100%;}
.dispath_driver ul li P{ overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.dispath_button{ clear:both; margin:0 12px 12px 12px; }
.dispath_button input{ color: #fff; background-color: #1890ff;  border-color: #1890ff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); width:64px; height:32px; line-height:32x; text-align:center; border-radius: 4px;}

.dispatch_ann{ position:absolute; right:-37px; top:0px; background:#fff;}
.dispatch_ann > div{ padding: 6px 10px; font-size: 16px; cursor: pointer;}
.dispatch_ann > div:last-child{ border-top:1px solid #F0F0F0;}


/*调度监控右侧*/
.dispatch_right{ position:absolute; top:24px; right:24px; float:right; margin-bottom:24px;}
.dispatch_carb{ background:#fff; padding-top:14px; box-shadow:0px 0px 9px 1px rgba(13,13,13,0.15); overflow:hidden; padding-bottom:14px;}
.dispatch_car{ width:220px; margin:0 14px 14px 14px; padding:10px 12px 0px 12px; border:1px solid rgba(214,214,214,1); border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; position:relative;}
.dispatch_car:hover{border:1px solid #4AD0D1;}
.dispatch_car1{ background:#DFF6F8; border:1px solid #4AD0D1;}
.dispatch_car_top{ margin-bottom:10px;}
.dispatch_car_top h1{ font-size:14px; color:rgba(0,0,0,0.85); margin-bottom:5px;}
.dispatch_car_top h1 font{ color:rgba(0,0,0,0.45);}
.dispatch_car_top h1 span{ display:inline-block; border:1px solid #1890FF; color:#1890FF; line-height:12px; font-size:12px; padding:0 3px; margin-left:3px; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;}
.dispatch_car_top h1 .wad{ color:#CF1322; border:1px solid #CF1322;}
.dispatch_car_top h1 i{ position:absolute; top:14px; right:12px; width:8px; height:8px; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;}
.dispatch_car_top h1 .cor1{ background:#4ECB73;}
.dispatch_car_top h1 .cor2{ background:#CF1322;}
.dispatch_car_top h1 .cor3{ background:#8C8C8C;}
.dispatch_car_top h1 .cor4{ background:#FAAD14;}
.dispatch_car_top p{font-size:14px; line-height:20px;  color:rgba(0,0,0,0.65);}

.dispatch_car_cen ul{  border-top:1px dashed #4AD0D1; border-bottom:1px dashed #4AD0D1; padding:6px 0; margin-bottom: 0;}
.dispatch_car_cen ul li{ font-size:14px; line-height:20px;}
.dispatch_car_cen ul li font{ color:#1890FF; margin-right:8px;}
.dispatch_car_cen h2{ font-size:14px; color:#1890FF; line-height:38px; margin-bottom: 0;}
.dispatch_car_cen h2 a{ margin-right:12px;}

.dispatch_cann{ position:absolute; left:-37px; top:0px; background:#fff;}
.dispatch_cann > div{ padding: 6px 10px; font-size: 16px; cursor: pointer;}




